<template>
  <div>
    <div class="mask" v-show="isModalShow"></div>
    <div id="content" class="contentDialog" v-show="isModalShow">
      <el-header class="modal-header">
        <span style="font-size: 16px">我的图片</span>
        <i
          @click="cancelgetImg"
          class="el-icon el-icon-close cl-iconfont is-circle"
        ></i>
      </el-header>
      <modal-content
        ref="imgList"
        :isGrid="true"
        @getImgInfo="getImgInfo"
        :isPopup="true"
      >
        <div slot="modal-footer" class="modal-footer">
          <button @click="getImg" class="sure">确定</button>
          <button @click="cancelgetImg" class="cancel">取消</button>
        </div>
      </modal-content>
    </div>
  </div>
</template>
<script>
import ModalContent from "@/components/ImgManage/index.vue";
export default {
  components: {
    ModalContent,
  },
  data() {
    return {
      isModalShow: true, //  弹窗 : true 打开 | false 关闭
    };
  },
  methods: {
    getImgInfo(info) {
      this.imgData = info;
    },
    getImg() {
      this.isModalShow = false;
    },
    // 关闭图片选择弹窗
    cancelgetImg() {
      this.isModalShow = false;
    },
  },
};
</script>